$(function(){


   //  页面表格渲染
   var page=1;
   var pageSize=3;

   render();

  function render(){
   $.ajax({
     url:'/category/queryTopCategoryPaging',
     type:'get',
     data:{
       page:page,
       pageSize:pageSize
     },
     success:function(info){
       $('tbody').html( template('tmp',info) );
       // 分页
       $("#pagintor").bootstrapPaginator({
         bootstrapMajorVersion:3,
         currentPage:page,
         totalPages:Math.ceil(info.total/info.size),
         onPageClicked:function(e, o, t,p){
             page=p;
             render()
         }
       });
     }
   })
  }
  
  // 点击添加分类按钮,模态框显示
  $('.btn_add').on('click',function(){
    $('#addModal').modal('show');
  })

   //表单校验
   $('#addForm').bootstrapValidator({
    fields:{
      categoryName:{
        validators:{
          notEmpty: {
            message: '一级分类名称不能为空!'
          }
        }
      }
    },
    feedbackIcons: {
      valid: 'glyphicon glyphicon-ok',
      invalid: 'glyphicon glyphicon-remove',
      validating: 'glyphicon glyphicon-refresh'
    },
   })
  
   //表单校验成功
   $('#addForm').on('success.form.bv',function(e){
      // 阻止表单默认提交
      e.preventDefault();
      // 用ajax进行请求
      $.ajax({
        url:'/category/addTopCategory',
        type:'post',
        data:$('#addForm').serialize(),
        success:function(info){
          // 重新加载
          render();
          // 隐藏模态框
          $('#addModal').modal('hide');
          //重置表单样式
          $("#addForm")
          .data('bootstrapValidator')
          .resetForm(true);
        }
      })
   })

 

 
})